<!--
 * @Description: 题目、教师招聘列表组件
 * @Version: 2.0
 * @Autor: Seven
 * @Date: 2020-12-07 11:13:31
 * @LastEditors: Seven
 * @LastEditTime: 2020-12-10 11:32:54
-->
<template>
    <div class="subjectList" v-if="list.length !==0">
        <nuxt-link class="item" :to="item.url" v-for="(item,index) in list" :key="index">
            <div class="left">
                <span class="tag" v-if="item.tag">[{{item.tag}}]</span>
                <span class="name">
                    {{item.title}}
                </span>
            </div>
            
            <span class="right">{{item.right}}</span>
        </nuxt-link>
    </div>
</template>
<script>
export default {
    props:{
        list:{
            type:Array,
            default:()=>{
                return []
                // title:'2020',
                // tag:'笔试考题',
                // right:'2020-08-30',
                // url:'/LearningCenter_detail'
            }
        }
    }
}
</script>
<style lang="scss" scoped>
.subjectList{
    .item{
        display: flex;
        justify-content: space-between;
        color: #999999;
        font-size: 14px;
        &:hover{
            color: $--color-primary;
            .left{
                color: $--color-primary;
            }
        }
        & + .item{
            margin-top: 16px;
        }
        .left{
            @include line-over
        }
        .right{
            flex: 0 0 90px;
            text-align: right;
        }
    }
}
</style>